{extend name="public/base"}

{block name="title"}
订单服务和商品
{/block}

{block name="style"}
{css href="/static/wechat/css/index.css" /}
{css href="/static/wechat/popo/css/index_map.css" /}
{css href="/static/wechat/popo/css/order.css" /}
<style type="text/css">
    .msg_panel{position:fixed;top:0px;left:100%;width:100%;height:100%;background:#fff;overflow:auto;z-index:99;}
    .weui-popup__overlay{opacity:1;}
    .weui-dialog__btn{color:#0bb20c;font-size:0.8rem;}
    .weui-dialog, .weui-toast{box-shadow:0 0 3px 0 #000;}
    #box_order_list .weui-cell:before{z-index:999;}
    .so_btn {
        display: inline-block;
        width: 95%;
        background: #907050;
        text-align: center;
        height: 2rem;
        line-height: 2rem;
        font-size: .8rem;
        color: #fff;
        margin: 1rem auto 0 2.5%;
    }
</style>
{/block}

{block name="body"}
<div class="pageControl index bg-f7">
    <div class="nav">
        <div class="msui_navTop">
            <a class="msui_navTop-back" title="{:url('r_orders/index')}" onclick="if(document.referrer.indexOf('_push')==-1){history.back()}else{location.href=this.title}"><i class="micon-back_fff"></i></a>
            <h1 class="msui_navTop-title">订单商品</h1>
        </div>
    </div>
    <div class="msui_cell msui_cell-column" style="margin-bottom: 10px;">
        <div class="msui_cell-item">
            <div class="msui_table" style="padding-bottom: .5rem;">
                <div class="msui_tabCell-img msui_tableImg-circle">
                    <img src="{$order.headimgurl|get_img_url}" >
                </div>
                <div class="msui_tabCell-content">
                    <p class="fs085 cl-3333">{$order.apply_person|default=$order.nickname}</p>
                    <p class="cl-9999">{$order.phone}</p>
                </div>
            </div>
            <p class="cl-9999" style="font-size: 1.3rem; text-align: center; color: #ffad2c;">{$order.order_price}</p>
            {eq name="order.after_sale_status" value="0"}
            <p class="fs08" style="text-align: center;">{$order.status|get_order_server_status}</p>
            {else /}
            <!--<p class="fs08" style="text-align: center;">{$order.after_sale_status|get_order_server_after_sale_status}</p>-->
            <p class="fs08" style="text-align: center;">售后中</p>
            {/eq}
        </div>
    </div>
    <div class="weui-content">
        <div id="box_order_list">
            {volist name="order_goods" id="vo"}
            <div class="weui-cell"  style=" padding-right: .8rem;">
                <div class="weui-label">
                    <img src="{$vo.product_image}" alt=""/>
                </div>
                <div class="weui-cell__bd weui-cell__bd1">
                    <p class="fs07">{$vo.product_name}</p>
                    <p>售后保证{$vo.server_time}天</p>
                </div>
                <div class="weui-cell__ft weui-cell__bd1 list1">
                    <p>￥{$vo.product_price}</p>
                    <p class="cl-9999">× <span>{$vo.product_num}</span></p>
                    {switch name="vo.austin_status"}
                        {case value="0"}
                            <p style=" border: 1px solid #fff"> </p>
                        {/case}
                        {case value="1"}
                            <p style=" width: 4rem; text-align: center; padding: 0; margin-right: -.5rem;">
                                {$vo.status|get_order_austin_status=###, $vo.audit_type}
                            </p>
                        {/case}
                        {case value="2"}
                            <p style=" width: 4rem; text-align: center; padding: 0; margin-right: -.5rem;">
                                {$vo.status|get_order_austin_status=###, $vo.audit_type}
                            </p>
                        {/case}
                    {/switch}
                </div>
            </div>
            {/volist}
        </div>
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p style="font-size: .9rem;;">订单信息</p>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>订单号</p>
            </div>
            <div class="weui-cell__ft">{$order.order_sn}</div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>创建时间</p>
            </div>
            <div class="weui-cell__ft">{$order.add_time|date="Y-m-d H:i:s", ###}</div>
        </div>
    </div>
</div>
{/block}

{block name="javascript"}
{/block}